<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Services | Corlate</title>

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/maingao.css" rel="stylesheet">
    <link href="css/maingaob.css" rel="stylesheet">
    <link rel="stylesheet" href="css/tab.css">

    <!--[if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
   
    <link rel="apple-touch-icon-precomposed" href="images/ico/apple-touch-icon-57-precomposed.png">
</head>
<body>
    <header>
    <div class="header_top">
        <div class="container">
            <div class="row">
                <div class="col-sm-6 col-xs-4">
                    <p class="top_num">
                        <span><i class="fa fa-phone-square"></i>+0123 456 70 90</span>
                    </p>
                </div>
                <div class="col-sm-6 col-xs-8">
                    <div class="social">
                        <ul class="socail_share list-unstyled">
                            <li><a class="fa fa-facebook"></a></li>
                            <li><a class="fa fa-twitter"></a></li>
                            <li><a class="fa fa-linkedin"></a></li>
                            <li><a class="fa fa-dribbble"></a></li>
                            <li><a class="fa fa-skype"></a></li>
                        </ul>
                        <div class="search">
                            <form>
                                <input type="search" class="form_search" autocomplete="off" placeholder="Search">
                                <i class="fa fa-search"></i>
                            </form>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <div class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header">
                <button class="navbar-toggle" data-toggle="collapse" data-target="#coll">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
                <a href="" class="navbar-brand"><img src="images/logo.png"></a>

            </div>

            <div class="collapse navbar-collapse navbar-right" id="coll" style="overflow:hidden">
                <ul class="nav navbar-nav">
                    <li><a>Home</a></li>
                    <li><a>About Us </a></li>
                    <li><a>Services </a></li>
                    <li><a>Protfolio </a></li>
                    <li class="dropdown"><a data-toggle="dropdown">Pages <span class="fa fa-angle-down"></span></a>
                        <ul class="dropdown-menu">
                            <li><a href="">Blog Single</a></li>
                            <li><a href="">Pricing</a></li>
                            <li><a href="">404</a></li>
                            <li><a href="">shortcodes</a></li>
                        </ul>
                    </li>
                    <li><a>Bolg </a></li>
                    <li><a>Contact </a></li>
                </ul>
            </div>
        </div>
    </div>
</header>
    <main>
        <section id="sectionh">
            <div class="container">
                <div class="center wow fadeInDown animated">
                    <h2>Our Services</h2>
                    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                    <br> et dolore magna aliqua. Ut enim ad minim veniam</p>
                </div>
                <div class="row first">
                    <div class="col-md-4 col-sm-6 wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <span class="fa fa-bullhorn hv"></span>
                        <h2>Fresh and Clean</h2>
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3>
                    </div>
                    <div class="col-md-4 col-sm-6 wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <span class="fa fa-comments hv"></span>
                        <h2>Retina ready</h2>
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3>
                    </div>
                    <div class="col-md-4 col-sm-6 wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <span class="fa fa-cloud-download hv"></span>
                        <h2>Easy to customize</h2>
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3>
                    </div>
                    <div class="col-md-4 col-sm-6 wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <span class="fa fa-leaf hv"></span>
                        <h2>Adipisicing elit</h2>
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3>
                    </div>
                    <div class="col-md-4 col-sm-6 wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <span class="fa fa-cogs hv"></span>
                        <h2>Adipisicing elit</h2>
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3>
                    </div>
                    <div class="col-md-4 col-sm-6 wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="600ms">
                        <span class="fa fa-heart hv"></span>
                        <h2>Adipisicing elit</h2>
                        <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit</h3>
                    </div>
                </div>
                <div class=" wow fadeInDown animated retgs">
                    <h2>Ready to get started</h2>
                    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
                        labore et dolore  magna aliqua. <br>  Ut enim ad minim veniam,quis nostrud exercitation ullamco
                        laboris nisi ut aliquip ex ea commodo </p>
                    <div><h4>
                        <span class="fa fa-sort-down left"></span>
                        <a href="#">Request a free Quote</a>
                        <span class="fa fa-sort-down right"></span>
                    </h4></div>
                </div>
                <div class=" wow fadeInDown animated center wocs">
                    <h2>What our client says</h2>
                    <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
                        incididunt ut  <br>   et dolore magna aliqua. Ut enim ad minim veniam
                    </p>
                </div>
                <div class="row">
                    <div class="col-md-4 wow fadeInDown animated client">
                        <div class="text-center">
                            <img src="images/client1.png" alt="1" class="img-responsive">
                        
                            <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                tempor incididunt</h3>
                            <h4><span>-John Doe /</span>  Director of corlate.com</h4>
                        </div>
                    </div>
                    <div class="col-md-4 wow fadeInDown animated client">
                        <div class="text-center">
                            <img src="images/client2.png" alt="2" class="img-responsive">
                            
                            <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                tempor incididunt</h3>
                            <h4><span>-John Doe /</span>  Director of corlate.com</h4>
                        </div>
                    </div>
                    <div class="col-md-4 wow fadeInDown animated client">
                        <div class="text-center">
                            <img src="images/client3.png" alt="3" class="img-responsive">
                          
                            <h3>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
                                tempor incididunt</h3>
                            <h4><span>-John Doe /</span>  Director of corlate.com</h4>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="row-bottom">
            <div class="container wow fadeInDown animated" data-wow-duration="1000ms" data-wow-delay="600ms">
                <div class="row ">
                    <div class="  col-md-3 col-sm-6 ">
                        <div class="widget">
                            <h3>Company</h3>
                            <ul class="list-unstyled">
                                <li><a href="#">About us</a></li>
                                <li><a href="#">We are hiring</a></li>
                                <li><a href="#">Meet the team</a></li>
                                <li><a href="#">Copyright</a></li>
                                <li><a href="#">Terms of use</a></li>
                                <li><a href="#">Privacy policy</a></li>
                                <li><a href="#">Contact us</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class=" col-md-3 col-sm-6">
                        <div class="widget">
                            <h3>Support</h3>
                            <ul class="list-unstyled">
                                <li><a href="#">Faq</a></li>
                                <li><a href="#">Blog</a></li>
                                <li><a href="#">Forum</a></li>
                                <li><a href="#">Documentation</a></li>
                                <li><a href="#">Refund policy</a></li>
                                <li><a href="#">Ticket system</a></li>
                                <li><a href="#">Billing system</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class=" col-md-3 col-sm-6">
                        <div class="widget">
                            <h3>Developers</h3>
                            <ul class="list-unstyled">
                                <li><a href="#">Web Development</a></li>
                                <li><a href="#">SEO Marketing</a></li>
                                <li><a href="#">Theme</a></li>
                                <li><a href="#">Development</a></li>
                                <li><a href="#">Email Marketing</a></li>
                                <li><a href="#">Plugin Development</a></li>
                                <li><a href="#">Article Writing</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class=" col-md-3 col-sm-6">
                        <div class="widget">
                            <h3>Our Partners</h3>
                            <ul class="list-unstyled">
                                <li><a href="#">Adipisicing Elit</a></li>
                                <li><a href="#">Eiusmod</a></li>
                                <li><a href="#">Tempor</a></li>
                                <li><a href="#">Veniam</a></li>
                                <li><a href="#">Exercitation</a></li>
                                <li><a href="#">Ullamco</a></li>
                                <li><a href="#">Laboris</a></li>
                            </ul>
                        </div>
                    </div>
                </div>

            </div>
        </section>

    </main>


    <footer id="footer">
    <div class="container">
        <div class="row">
            <div class="col-sm-6">&copy;2013 ll Rights Reserved.</div>
            <div class="col-sm-6">
                <ul class=" list-unstyled pull-right">
                    <li><a href="">Home</a></li>
                    <li><a href="">About Us</a></li>
                    <li><a href="">Faq</a></li>
                    <li><a href="">Contact Us</a></li>



                </ul>
            </div>
        </div>
    </div>



<script src="js/jquery.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.prettyPhoto.js"></script>
<script src="js/jquery.isotope.min.js"></script>
<script src="js/main.js"></script>
<script src="js/wow.min.js"></script>
</body>
</html>